Day 29 測試 React 元件：測試 React Hook

第 12 屆 iThome 鐵人賽

DAY 29

Modern Web

循序漸進學習 Javascript 測試系列第 29 篇

12th鐵人賽

TWGD

2020-10-14 23:58:22

912 瀏覽

分享至

我們的範例是一個自己做的 hook 叫做 useCounter ，要來驗證它的 increment 跟 decrement function 會正確地更新 count 這個 state。

use-counter.js

import React from 'react'

function useCounter({initialCount = 0, step = 1} = {}) {
  const [count, setCount] = React.useState(initialCount)
  const increment = () => setCount(c => c + step)
  const decrement = () => setCount(c => c - step)
  return {count, increment, decrement}
}

export {useCounter}

P.S.等鐵人賽結束，要回來補好多東西 QQ